@import "../../designer/style/DesignerStyle.less";

.lc-designer-footer {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #404040;

  .footer-left {
    display: flex;
    padding-left: 10px;

    .footer-item {
      cursor: pointer;
      margin-right: 10px;
      color: #bababa;
      font-size: 16px;

      .i-icon {
        position: relative;
        top: 3px;
      }

      &:hover {
        transition: all 0.2s;
        color: #0095db;
      }

      span {
        padding: 2px;
      }
    }
  }

  .footer-center {
    display: flex;

    .footer-center-item {
      cursor: pointer;
      margin: 0 5px;
      padding: 5px;
      border-radius: 5px;
      transition: all 0.2s;
      font-size: 18px;

      .i-icon {
        position: relative;
        top: 3px;
      }

    }

    .footer-center-item-active {
      color: #00b2ff;
    }

    .footer-center-item:hover {
      color: #00b2ff;
    }
  }

  .footer-right {
    display: flex;

    .right-info-item {
      color: @footer-item-color;
      margin-right: 20px;
    }
  }
}